﻿<%@ Page Language="C#" %>

<%@ Import Namespace="wojilu" %>
<%@ Import Namespace="wojilu.View" %>
<%@ Import Namespace="wojilu.Web.Controller" %>
<%@ Import Namespace="wojilu.Apps.Qycms.Domain" %>
<%var site = v.data("site") as m_site; %>
<%var lngs = site.lngs; %>
<%var dlngs = site.dlngs; %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <link rel="stylesheet" type="text/css" href="#{site.templates}css/css.css" />
    <link rel="stylesheet" type="text/css" href="#{site.templates}css/index.css" />
    <title>#{pageTitle}</title>
    <meta name="Keywords" content="#{pageKeywords}" />
    <meta name="description" content="#{pageDescription}" />
</head>
<body>
    <div class="body">
        #{top}
        <div class="banner">
            <div class="imgs">
                <div style="background: url(#{site.templates}images/banner1.jpg) no-repeat center;"></div>
                <div style="background: url(#{site.templates}images/banner2.jpg) no-repeat center;"></div>
                <div style="background: url(#{site.templates}images/banner3.jpg) no-repeat center;"></div>
            </div>
            <div class="textList">
                <div class="text">
                    <p class="p1">COB SERIES </p>
                    <p class="p2">The greatest power densities on the smallest space are often the basis for unique selling poinst of various products on the market. These criteria can be realized by the COB LEDs technology. </p>
                    <p class="p3"><a href="#" class="more">read more</a></p>
                </div>
                <div class="text">
                    <p class="p1">SMD  SERIES </p>
                    <p class="p2">The greatest power densities on the smallest space are often the basis for unique selling poinst of various products on the market. These criteria can be realized by the COB LEDs technology. </p>
                    <p class="p3"><a href="#" class="more">read more</a></p>
                </div>
                <div class="text">
                    <p class="p1"></p>
                    <p class="p2"></p>
                    <p class="p3"></p>
                </div>
            </div>
            <ul class="btns">
                <li><span></span>
                    <div class="title">
                        <div class="titleBoxT"></div>
                        <div class="titleBoxC">COB LEDS TECHNOLOGY </div>
                        <div class="titleBoxB"></div>
                    </div>
                </li>
                <li><span></span>
                    <div class="title">
                        <div class="titleBoxT"></div>
                        <div class="titleBoxC">SURFACE MOUNTED DEVICES </div>
                        <div class="titleBoxB"></div>
                    </div>
                </li>
                <li><span></span>
                    <div class="title">
                        <div class="titleBoxT"></div>
                        <div class="titleBoxC">BETTER LIGHT BETTER LIFE </div>
                        <div class="titleBoxB"></div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="main">
            <div class="box">
                <div class="row1">
                    <ul>
                        <%var dt = YBBCommon.GetReadDt(3, 4, 5); %>
                        <%foreach(var row in dt){ %>
                        <li>
                            <div class="liBox">
                                <div class="img"><a href="<%=UrlLinkHelp.GetArticleReadLink(dlngs,lngs,row.Id) %>">
                                    <img src="<%=YBBCommon.CacheImg(row.pic,"220|220||") %>" /></a></div>
                                <p><a href="<%=UrlLinkHelp.GetArticleReadLink(dlngs,lngs,row.Id) %>"><%=row.title %></a></p>
                                <div class="line"></div>
                            </div>
                        </li>
                        <%} %>
                    </ul>
                </div>
                <div class="row2">
                    <p class="title">Applications</p>
                    <div class="listBox">
                        <div class="list">
                            <ul>
                                <li><a href="#">
                                    <img src="#{site.templates}images/an.jpg" class="img" /></a>
                                    <p class="p1"><a href="#">Jewelry Display Cabinet</a></p>
                                    <p class="p2">Better Light Better Life high bay lighting is the ideal source for energy eff...</p>
                                </li>
                                <li><a href="#">
                                    <img src="#{site.templates}images/an.jpg" class="img" /></a>
                                    <p class="p1"><a href="#">Jewelry Display Cabinet</a></p>
                                    <p class="p2">Better Light Better Life high bay lighting is the ideal source for energy eff...</p>
                                </li>
                                <li><a href="#">
                                    <img src="#{site.templates}images/an.jpg" class="img" /></a>
                                    <p class="p1"><a href="#">Jewelry Display Cabinet</a></p>
                                    <p class="p2">Better Light Better Life high bay lighting is the ideal source for energy eff...</p>
                                </li>
                                <li><a href="#">
                                    <img src="#{site.templates}images/an.jpg" class="img" /></a>
                                    <p class="p1"><a href="#">Jewelry Display Cabinet</a></p>
                                    <p class="p2">Better Light Better Life high bay lighting is the ideal source for energy eff...</p>
                                </li>
                            </ul>
                            <ul>
                                <li><a href="#">
                                    <img src="#{site.templates}images/an.jpg" class="img" /></a>
                                    <p class="p1"><a href="#">Jewelry Display Cabinet</a></p>
                                    <p class="p2">Better Light Better Life high bay lighting is the ideal source for energy eff...</p>
                                </li>
                                <li><a href="#">
                                    <img src="#{site.templates}images/an.jpg" class="img" /></a>
                                    <p class="p1"><a href="#">Jewelry Display Cabinet</a></p>
                                    <p class="p2">Better Light Better Life high bay lighting is the ideal source for energy eff...</p>
                                </li>
                                <li><a href="#">
                                    <img src="#{site.templates}images/an.jpg" class="img" /></a>
                                    <p class="p1"><a href="#">Jewelry Display Cabinet</a></p>
                                    <p class="p2">Better Light Better Life high bay lighting is the ideal source for energy eff...</p>
                                </li>
                                <li><a href="#">
                                    <img src="#{site.templates}images/an.jpg" class="img" /></a>
                                    <p class="p1"><a href="#">Jewelry Display Cabinet</a></p>
                                    <p class="p2">Better Light Better Life high bay lighting is the ideal source for energy eff1...</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="btns"></div>
                    <a href="javascript:;" class="btnLeft"></a><a href="javascript:;" class="btnRight"></a>
                </div>
                <div class="row3">
                    <ul>
                        <li>
                            <div class="img"><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,1) %>">
                                <img src="#{site.templates}images/ab1.jpg" /></a></div>
                            <div class="text">
                                <p class="p1"><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,1) %>">EVERBESTLIGHTING</a></p>
                                <p class="p2">
                                    Founded in the 1990s, is a large high-tech enterprise group engaged in five...
                                </p>
                                <p><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,1) %>" class="more"></a></p>
                            </div>
                            <div class="line"></div>
                        </li>
                        <li>
                            <div class="img"><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,1) %>">
                                <img src="#{site.templates}images/ab2.jpg" /></a></div>
                            <div class="text">
                                <p class="p1"><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,1) %>">FACTORY STRENGTH</a></p>
                                <p class="p2">
                                    We have a first-class production equipment, advanced technology team...
                                </p>
                                <p><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,1) %>" class="more"></a></p>
                            </div>
                            <div class="line"></div>
                        </li>
                        <li>
                            <div class="img"><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,1) %>">
                                <img src="#{site.templates}images/ab3.jpg" /></a></div>
                            <div class="text">
                                <p class="p1"><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,1) %>">TECHNICAL SUPPORT</a></p>
                                <p class="p2">
                                    Here you will have our professional questions for you to answer...
                                </p>
                                <p><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,1) %>" class="more"></a></p>
                            </div>
                            <div class="line"></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        #{bottom}
    </div>
    <script src="#{site.templates}js/PZslide.js" type="text/javascript" charset="utf-8"></script>
    <script src="#{site.templates}js/index.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>